<script setup lang="ts">
import { useCounterStore } from '@/stores/counter'

const store = useCounterStore()
</script>

<template>
  <div class="box">
    {{ store.count }}
    <div>
      <button @click="store.subCount()">--</button>
      <button @click="store.increment()">++</button>
    </div>
  </div>
</template>

<style scoped>
.box {
  width: 400px;
  height: 400px;
  background: pink;
}
</style>
